<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<!-- Head 开始 -->

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 告诉浏览器对屏幕宽度做出响应 -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>订单</title>
    <!-- 主要样式表开始 -->
    <link href="/assets/css/main.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="/css/order.css">
    <!-- favicon图标 -->
    <link type="image/png" rel="shortcut icon" href="/assets/images/favicon.png">
</head>
<!-- Head 结束 -->

<body>
<!-- 预加载部分开始 -->
<div id="preloader">
    <div id="status"></div>
</div>
<!-- 预加载部分结束 -->

<!--主体开始-->
<div id="Catalog">
    <button class="back-button"><a href="/order/view">Return</a></button>

    <form action="/order/revise" method="post">
        <table>
            <tr>
                <th colspan="2">订单详情</th>
            </tr>
            <tr>
                <td>订单号:</td>
                <td>
                    <input type="text" id="orderId" th:value="${orderToShow.orderId}" name="orderId">
                </td>
            </tr>
            <tr>
                <td>用户名:</td>
                <td>
                    <input type="text" id="userId" th:value="${orderToShow.userId}" name="userId">
                </td>
            </tr>
            <tr>
                <td>下单时间:</td>
                <td>
                    <p id="orderDate" th:text="${orderToShow.orderDate}"></p>
                </td>
            </tr>
            <tr>
                <td>总价:</td>
                <td>
                    <input type="text" id="totalPrice" th:value="${orderToShow.totalPrice}" name="totalPrice">
                </td>
            </tr>
            <tr>
                <td>卡类型:</td>
                <td>
                    <input type="text" id="cardTypeInput" th:value="${orderToShow.cardType}" name="cardType">
                </td>
            </tr>
            <tr>
                <td>卡号:</td>
                <td>
                    <input type="text" id="cardNumberInput" th:value="${orderToShow.creditCard}" name="cardNumber">
                </td>
            </tr>
            <tr>
                <td>名:</td>
                <td>
                    <input type="text" id="billFirstNameInput" th:value="${orderToShow.billFirstName}" name="billFirstName">
                </td>
            </tr>
            <tr>
                <td>姓氏:</td>
                <td>
                    <input type="text" id="billLastNameInput" th:value="${orderToShow.billLastName}" name="billLastName">
                </td>
            </tr>
            <tr>
                <td>地址 1:</td>
                <td>
                    <input type="text" id="billAddr1Input" th:value="${orderToShow.billAddr1}" name="billAddr1">
                </td>
            </tr>
            <tr>
                <td>地址 2:</td>
                <td>
                    <input type="text" id="billAddr2Input" th:value="${orderToShow.billAddr2}" name="billAddr2">
                </td>
            </tr>
            <tr>
                <td>城市:</td>
                <td>
                    <input type="text" id="billCityInput" th:value="${orderToShow.billCity}" name="billCity">
                </td>
            </tr>
            <tr>
                <td>州:</td>
                <td>
                    <input type="text" id="billStateInput" th:value="${orderToShow.billState}" name="billState">
                </td>
            </tr>
            <tr>
                <td>邮编:</td>
                <td>
                    <input type="text" id="billZipInput" th:value="${orderToShow.billZip}" name="billZip">
                </td>
            </tr>
            <tr>
                <td>国家:</td>
                <td>
                    <input type="text" id="billCountryInput" th:value="${orderToShow.billCountry}" name="billCountry">
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <button type="submit" class="submit-button">确认修改</button>
                </td>
            </tr>
        </table>
    </form>
</div>
<!--主体结束-->

<!-- jQuery (Bootstrap的JavaScript插件必需) -->
<script src="/assets/js/jquery-3.4.1.min.js"></script>
<!-- Bootstrap js文件 -->
<script src="/assets/js/bootstrap.bundle.min.js"></script>
<!-- swiper文件 -->
<script src="/assets/js/swiper.min.js"></script>
<!-- 作品展示js文件 -->
<script src="/assets/js/jquery.mixitup.min.js"></script>
<!-- 站点主js文件 -->
<script src="/assets/js/main.js"></script>
<!--input框动态变化-->
<!--<script src="/javascript/order.js"></script>-->

</body>

</html>